/*
  学习目标：JSX初体验
*/
import React from 'react'
import ReactDOM from 'react-dom';



const liNode1 = React.createElement("li", null, "香蕉")
const liNode2 = React.createElement("li", null, "apple")
const liNode3 = React.createElement("li", null, "orange")
const ulNode1 = React.createElement("ul", {className: "list"}, liNode1, liNode2, liNode3)


const ulNode2 = <ul className='list'>
  <li>香蕉</li>
  <li>apple</li>
  <li>orange</li>
</ul>

// 🔔JSX是语法糖: React.createElement的语法糖
console.log('ulNode1  ----->  ', ulNode1);
console.log('ulNode2  ----->  ', ulNode2);

ReactDOM.render(ulNode2, document.getElementById("root"))
